$(function () {
    /*选择器变量抽取*/
    var gift_dg = $("#gift_datagrid");
    var gift_dialog = $("#gift_dialog");
    var gift_form = $("#gift_form");
    var pro_datagrid = $("#pro_datagrid");

    pro_datagrid.datagrid({
        url: '/product/queryForList.do',
        fit: true,
        fitColumns: true,
        pagination: true,
        singleSelect: true,
        rownumbers: true,
        toolbar: '#view_toolbar',
        columns: [[
            {field: 'productName', title: '商品名', width: 100},
            {
                field: 'productSort_two', title: '商品分类', width: 100, formatter: function (value, row, index) {
                    return value ? value.name : "";
                }
            },
            {field: 'productSn', title: '商品编码', width: 100},
            {field: 'salePrice', title: '零售价', width: 100}
        ]],
        onClickRow: function (index, row) {
            var copy = $("#itemTr tr:first").clone();
            copy.appendTo("#edit_tbody");
            copy.find("[tag=sn]").html(row.productSn);
            copy.find("[tag=name]").html(row.productName);
            copy.find("[tag=pid]").val(row.id);
            $("#product_view").dialog("close");
        },

    });

    $("#product_view").dialog({
        width: 800,
        height: 400,
        closed: true,
        modal: true,
        title: '添加商品'
    })



    gift_dg.datagrid({
        fit:true,
        fitColumns:true,
        url: "/gift/query.do",
        /*定义排序*/
        sortName: "integral",
        /*列的顺序排序*/
        sortOrder: 'desc',
        columns:[[
            {field:'id',title:'礼品编号',width:100},
            {field:'name',title:'礼品名称',width:100},
            {field:'integral',title:'所需积分',width:100,sortable:true,order:"desc"},
            {field:'number',title:'数量',width:100},
            {field:'unit',title:'单位',width:100},
        ]],
        toolbar:"#gift_tb",
        singleSelect:true,
        pagination:true,
        rownumbers: true,
    })
    /*初始化dialog*/
    gift_dialog.dialog({
        width: 1000,
        height: 420,
        buttons: "#gift_btns",
        closed: true,
        modal: true,

        /*关闭时,关闭对话框*/
        onClose:function () {
            gift_form.form("clear")
        }
    })

    //给所有的A标签,绑定点击事件
    $("a[data-cmd]").click(function () {
        var method = $(this).data("cmd");
        //调用方法
        objMethod[method]();
    })

    //把方法绑定到对象上
    var objMethod = {

        //新增
        add:function () {
            //清空表单
            gift_form.form("clear")
            //1.打开对话框
            gift_dialog.dialog("open")
            //2.设置对话框标题
            gift_dialog.dialog("setTitle","礼品出库单")
        },

        //编辑
        edit:function () {
            //1.判断是否要选择要编辑的数据
            var selectedRow = gift_dg.datagrid("getSelected");
            //2.如果没选中,弹框提示
            if (!selectedRow) {
                $.messager.alert("温馨提示","请选择一条数据","info");
                return;
            }
            //3.修改标题
            gift_dialog.dialog("setTitle","编辑礼品")
            //4.把上次表单的数据清空
            gift_form.form("clear")
            //5.回显选中的数据到编辑页面
            gift_form.form("load",selectedRow);
            //6.设置打开对话框
            gift_dialog.dialog("open")
        },

        //刷新
        reload:function () {
            //刷新页面
            gift_dg.datagrid("reload");
        },
        //添加商品
        addProduct: function () {
            $("#product_view").dialog("open");
        },
        //保存
        save: function () {
            $.each($("#edit_tbody tr"), function (index, item) {
                $(item).find("[tag=pid]").prop("name","items["+index+"].product.id");
                $(item).find("[tag=costPrice]").prop("name","items["+index+"].costPrice");
                $(item).find("[tag=number]").prop("name","items["+index+"].number");
                $(item).find("[tag=remark]").prop("name","items["+index+"].remark");
            });
            gift_form.form("submit", {
                url: '/gift/saveOrUpdate.do',
                success: function (data) {
                    data = $.parseJSON(data);
                    if (data.success) {
                        $.messager.alert('温馨提示', "保存成功", 'info', function () {
                            //重新加载数据
                            gift_dg.datagrid("reload");
                            //关闭弹窗
                            gift_dialog.dialog("close");
                        });
                    } else {
                        $.messager.alert('温馨提示', data.msg, 'error');
                    }
                }
            });
        },
        //删除
        del:function () {
            //1.判断要选择一条数据删除
            var selectedRow = gift_dg.datagrid("getSelected");
            if (!selectedRow) {
                $.messager.alert("温馨提示","请选择一条要删除的数据","info");
                return;
            }
            //2.弹出确认框
            $.messager.confirm("提示信息","亲,您确定要删除数据吗?",function (r) {
                if (r) {
                    //3.向后台发送删除的请求
                    $.post("/gift/delete.do",{id:selectedRow.id},function (data) {
                        if (data.success) {
                            //温馨提示:删除成功,刷新页面
                            $.messager.alert("温馨提示","删除成功","info",function () {
                                //刷新页面
                                gift_dg.datagrid("reload")
                            })
                        }else{
                            //4.提示错误信息
                            $.messager.alert("温馨提示",data.msg,"error");
                        }
                    })
                }
            })
        },

        //高级查询
        queryForKey:function () {
          //获取到表格参数值
            var keyword = $("input[name=keyword]").val();
          //重新加载到表格数据中,使用load方法
            gift_dg.datagrid("load",{"keyword":keyword})
        },
        //取消关闭页面
        cancel:function () {
            gift_dialog.dialog("close");
        }




    }

    $("#edit_tbody").on("click", ".deleteItem", function () {
        var currentTr = $(this).closest("tr");
        currentTr.remove();
    })


})